Sustituir texto de entradas recientes/antiguas... por iconos de navegación

Me preguntaba ymmot como sustituir o cambiar por gráficos los datos que salen como:

*Entrada más recientes *Página principal *Entradas antiguas

Sustituir el texto por imagen

Nos situamos en Plantilla/Edición HTML/Expandir plantilla de artilugios hasta encontrar esta parte de código:

<b:includable id='nextprev'>

<div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'>

<span id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

</span>

</b:if>



<b:if cond='data:olderPageUrl'>

<span id='blog-pager-older-link'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

</span>

</b:if>


<b:if cond='data:blog.homepageUrl != data:blog.url'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:else/>

<b:if cond='data:newerPageUrl'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

</b:if>

</b:if>

</div>

<div class='clear'/>

</b:includable>

Y lo sustituimos por este otro:

<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>
<img src='http://img58.imageshack.us/img58/8076/leftxv5.png'/>
</a>
</b:if>

<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
<img src='http://img260.imageshack.us/img260/9691/rightli5.png'/>
</a>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src='http://img260.imageshack.us/img260/6710/homepngrg7.jpg'/>
</a>
</div>
<div class='clear'/>
</b:includable>

Las imágenes que van en el código son las siguientes:

<img src='http://img58.imageshack.us/img58/8076/leftxv5.png'/>
<img src='http://img260.imageshack.us/img260/9691/rightli5.png'/>
<img src='http://img260.imageshack.us/img260/9691/rightli5.png'/>

Podemos cambiar las imágenes de los iconos pero hay que prestar atención en el orden que deben ir :

1º Izquierda 2º Derecha 3º Inicio (Centro)

Sustituir el texto por otro

Lo que hicimos anteriormente fue sustituir las etiquetas por una imagen tipo icono, esas etiquetas son:

<data:newerPageTitle/> Sustituyendo esta etiqueta estamos modificando Entradas más recientes.
<data:olderPageTitle/> Sustituyendo esta etiqueta estamos modificando Entradas antiguas.
<data:homeMsg/> Sustituyendo esta etiqueta estamos modificando Página principal.

Quiere eso decir que si nuestra idea no es añadir una imagen pero nos gustaría cambiar el texto podemos hacerlo sustituyendo las etiqueas por el texto deseado.



Las imágenes de los iconos de navegación son gentileza de Trucos beta .